/**
 * 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量
 * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
 * uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用 
 */
@import '@/uni_modules/uview-ui/theme.scss';

// 主题色
$uni-color-primary: #ceee5b;
$uni-color-primary-deep: #89BA20;

scroll-view,
swiper,
swiper-item,
view,
text,
input,
textarea{
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 32upx;
	box-sizing: border-box;
}

/*全局容器*/
.container{
	// height: 100vh;
}

/* #ifdef H5 */
.container{
	height: calc(100vh - 100upx);
}
/* #endif */

/*flex布局*/
.flex-row{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.flex-column{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

/*文字省略*/
.text-ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*状态栏*/
.status_bar{
	color: #000;
	height: var(--status-bar-height);
	background-color: #fff;
}

/*间隔*/
.space{
	height: 20upx;
	background-color: #F7F7F7;
}

/*NAV*/
.header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 88upx;
	padding: 0 30upx;
	background-color: #fff;
}
.header .left,
.header .right{
	width: 220upx;
}
.header .center{
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: calc(100% - 440upx);
}
.header .right{
	text-align: right;
}
.header .nav-title{
	font-size: 32upx;
}

/* 头部*/
.head{
	height: 100upx;
	padding: 0 40upx;
}
.head .title {
	color: #000;
	font-size: 48upx;
	font-weight: bold;
}
.head .icon {
	width: 40upx;
	height: 40upx;
	margin-right: 6upx;
}
.head .text {
	color: #333;
	font-size: 32upx;
}

page{
	background: #f5f5f7;
	font-family: 黑体;
}
	
	.bgwhite{
		background: #fff;
	}
	// 水平垂直居中
	.flex-center {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.flex-between{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.flex-start{
		display: flex;
		justify-content: flex-start;
	}
	
	.items-center{
		align-items: center;
	}
	
	.flex-end{
		display: flex;
		justify-content: flex-end;
	}
	
	.mt20{
		margin-top: 20rpx !important;
	}
	
	.radius20{
		border-radius: 20rpx;
	}
	
	.w98 {
		width: 98%;
		margin: 0 auto;
	}

	.w96 {
		width: 96%;
		margin: 0 auto;
	}
	
	.w94 {
		width: 94%;
		margin: 0 auto;
	}
	.flex {
		display: flex;
	}
	.p-14 {
		padding: 14rpx;
	}
	.p-30 {
		padding: 30rpx;
	}
	.m20{
		margin: 20rpx;
	}
	.small-size{
		font-size: 24rpx; //12px
	}
	.small-size-28{
		font-size: 28rpx; //12px
	}
	.base-size{
		font-size: 36rpx; // 14px
	}
	.large-size{
		font-size: 48rpx;
	}
	.text-center{
		text-align: center;
	}
	// 去除button的所有默认样式，让其表现跟普通的view、text元素一样
	.u-reset-button {
		padding: 0;
		background-color: transparent;
		/* #ifndef APP-PLUS */
		font-size: inherit;
		line-height: inherit;
		color: inherit;
		/* #endif */
		/* #ifdef APP-NVUE */
		border-width: 0;
		/* #endif */
	}
	
	/* #ifndef APP-NVUE */
	.u-reset-button::after {
		border: none;
	}
	
	/* #endif */